<template>
  <div id="app">
    <button @click="openDialog"> 删除按钮</button>
    <BaseDialog :isShow.sync="isShow" />
  </div>
</template>

<script>

import BaseDialog from './components/BaseDialog.vue'

export default {
  data(){
    return {
      isShow : false
    }
  },
  components:{
    // props 单向数据流
    // .sync 实现 子组件 与  父组件 双向绑定 (子组件能够修改父组件传过来的 props )
    BaseDialog
  },
  methods:{
    openDialog(){
      this.isShow = true
    }
  }
}
</script>

<style>

</style>
